<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui" 
      xmlns:ui="http://java.sun.com/jsf/facelets">

  <h:head>
    <title>Será ignorado</title>
    <style type="text/css">
      .ui-widget{font-size:90% !important; background-color: activecaption;}
      .ui-layout-unit-content{background-image:url(resources/images/fotobanda.JPG);}
    </style>
  </h:head>

  <h:body>
    <h:form>
      <p:layout fullPage="true">  
        <p:layoutUnit position="north" size="100" resizable="false" closable="false" 
                      collapsible="false" >  
          <div align="center">
            <font style="font-family: Verdana, sans-serif; color: grey; font-size: 60px; 
                  font-weight: bolder;"> #{labels.nome_banda} </font> </div>
        </p:layoutUnit>  

        <p:layoutUnit position="south" size="50" resizable="true" 
                      closable="true" collapsible="true" >  
          <div align="center">
            <h:outputText style="text-align: center;"  
             value="#{labels.template_pf_footer}" />
          </div>
        </p:layoutUnit>  

        <p:layoutUnit position="west" size="200" header="#{labels.menu_opcoes}" resizable="false" 
            closable="false" collapsible="false">  
          <p:commandButton action="/index.xhtml" style="width: 180px; 
              margin-left: 5px; margin-right: 5px;" 
              value="#{labels.template_action_home}" /> <br/>
          <p:commandButton action="/sobrenos.xhtml" style="width: 180px; 
              margin-left: 5px; margin-right: 5px;"  
              value="#{labels.template_action_sobrenos}" /> <br/>
          <p:commandButton action="/repertorio.xhtml" style="width: 180px; 
              margin-left: 5px; margin-right: 5px;"  
              value="#{labels.template_action_repertorio}" />  <br/>
          <p:commandButton action="/agenda.xhtml" style="width: 180px; margin-left: 5px; 
              margin-right: 5px;" value="#{labels.template_action_agenda}" /> <br/>
        </p:layoutUnit>  

        <p:layoutUnit header="#{labels.template_pf_integrantes}" 
            position="east" size="300" resizable="true" closable="true" 
           collapsible="true" effect="drop">  
          <ui:include src="../includes/integrantes.xhtml" />
        </p:layoutUnit>  

        <p:layoutUnit position="center" >
          <ui:insert name="page_content" />
        </p:layoutUnit>  
      </p:layout>  
    </h:form>
  </h:body>
</html>